<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="css/reset.css">
    <link rel="stylesheet" href="css/style.css">
    <title>首页</title>
</head>
<body>
    <!-- 头部 -->
    <div class="header">
        <div class="header-0 w">
        <div class="header-1"></div>
        <ul class="header-2">
            <a href="" class="header-22"><li class="header-21">home<div class="header-211"></div></li></a>
            <a href="" class="header-22"><li class="header-21">home<div class="header-211"></div></li></a>
            <a href="" class="header-22"><li class="header-21">home<div class="header-211"></div></li></a>
            <a href="" class="header-22"><li class="header-21">home<div class="header-211"></div></li></a>
        </ul>
        <a href=""><div class="header-3"></div></a>
    </div>
    </div>
<!-- ----------------------------------------------------------------------------------------------------------- -->
    <!-- 大图1     -->
<div class="banner1">
    <a href=""></a>
</div>
<!-- ------------------------------------------------------------------------------------------------------------------------- -->
<!-- 中间内容上部-->
<div class="cont w">
    <div class="cont1">
            <div class="cont111">HOME Decoration in Green</div>
            <a href=""><div class="cont112">all collection</div></a>
    </div>
    <div class="cont1">
        <div class="cont111">HOME Decoration in Green</div>
        <a href=""><div class="cont112">all collection</div></a>
</div>
<div class="cont2">
    <div class="cont113">HOME Decoration in Green</div>
    <a href=""><div class="cont114">all collection</div></a>
</div>

        
 </div 
<!-- ----------------------------------------------------------------------------------------------- -->
<!-- 导航 -->
<div class="dh w">
    <ul class="dh1">
        <a href="" class="dh12"><li class="dh13">all<div class="dh131"></div></li></a>
        <a href="" class="dh12"><li class="dh13">fresh<div class="dh131"></div></li></a>
        <a href="" class="dh12"><li class="dh13">Dried<div class="dh131"></div></li></a>
        <a href="" class="dh12"><li class="dh13">Potted<div class="dh131"></div></li></a>
        <a href="" class="dh12"><li class="dh13">Decoration<div class="dh131"></div></li></a>
    </ul>
</div>
<!-- 中间内容下部 -->
<div class="conb w">
    <div class="conb1">
        <img src="img/图2.png">
        <div class="conb11">
            <p class="b">
                <span class="name">Myrtle Cactus</span>
                <span class="price">$25</span>
            </p>
            <p class="s">Potted</p>
        </div>
    </div>
    <div class="conb1">
        <img src="img/图2.png">
        <div class="conb11">
           <p class="s">Potted</p>
        </div>
             <p class="b">
                <span class="name">Myrtle Cactus</span>
                <span class="price">$25</span>
            </p>
    </div>
    <div class="conb1">
        <img src="img/图2.png">
        <div class="conb11">
            <p class="b">
                <span class="name">Myrtle Cactus</span>
                <span class="price">$25</span>
            </p>
            <p class="s">Potted</p>
        </div>
    </div>
    <div class="conb2">
        <img src="img/图2.png">
        <div class="conb11">
            <p class="b">
                <span class="name">Myrtle Cactus</span>
                <span class="price">$25</span>
            </p>
            <p class="s">Potted</p>
        </div>
    </div>
</div>
<!-- ---------------------------------------------------------------------------------------------------------------------- -->
<!-- 大图2 -->
<div class="banner2">
    <a href=""><p class="t">About USA</p>
    <p class="c">888888888888888<br>666666666<br>66666</p>
    <div class="banner21">MORE</div></a>
</div>
<!-- -------------------------------------------------------------------------------------------------------------------------- -->
<!-- 下部内容 -->
<div class="bottom w">
    <div class="bottom1"><div class="bottom11"><p class="z1">Decoration</p><p class="z2">design</p></div></div>
    <div class="bottom1"><div class="bottom11"></div></div>
    <div class="bottom2"><div class="bottom11"></div></div>
</div>
<!-- ----------------------------------------------------------------------------------------------------------------------- -->
<!-- 加入我们 -->
<div class="join">
    <div class="join0 w">
        <div class="join1">
        <h2>Join Our Sletter</h2>
        <div class="join2">your E-mail<hr></div>
        <div class="join3">Send</div>
        <div class="join4">666666666666666666666<p>6666666666</p><p>666</p></div>
    </div>
    </div>
</div>
<!-- -------------------------------------------------------------------------------------------------------------------------- -->
<div class="end">
    <div class="end1"><dl>
        <dt><img src="img/logo.png"></dt>
        <dd>@2005-2009</dd>
        <dd>Fower Faimly</dd>
    </dl>
    <dl>
        <dt><img src="img/logo.png"></dt>
        <dd>@2005-2009</dd>
        <dd>Fower Faimly</dd>
    </dl>
   
    <dl>
        <dt><img src="img/logo.png"></dt>
        <dd>@2005-2009</dd>
        <dd>Fower Faimly</dd>
    </dl>
    
    <dl>
        <dt><img src="img/logo.png"></dt>
        <dd>@2005-2009</dd>
        <dd>Fower Faimly</dd>
    </dl>
    </div>

</div>
</body>
</html>